<template>
    <el-card>
      <div class="df topbox">
        <div class="df allbox">
          <img src="../../assets/imgs/homepng1.png" alt="" />
          <div class="df fdc allorder">
            <span>总订单</span>
            <span>102,400</span>
          </div>
        </div>
         <div class="df allbox">
          <img src="../../assets/imgs/homepng2.png" alt="" />
          <div class="df fdc allorder">
            <span>总销售额</span>
            <span>102,400</span>
          </div>
        </div>
         <div class="df allbox">
          <img src="../../assets/imgs/homepng3.png" alt="" />
          <div class="df fdc allorder">
            <span>今日订单数</span>
            <span>102,400</span>
          </div>
        </div>
         <div class="df allbox">
          <img src="../../assets/imgs/homepng4.png" alt="" />
          <div class="df fdc allorder">
            <span>今日销售额</span>
            <span>102,400</span>
          </div>
        </div>
        </div>

    </el-card>
</template>

<script>
 export default{
    data(){
        return{
            
        }
    }
}
</script>

<style lang="scss" scoped>
.allbox{
    width: 200px;
    height: 100px;
    background-color: white;
    img{
        width: 80px;
        height: 80px;
    }
    padding-top: 15px;
}
.allorder{
    width: 100px;
    padding-left: 0px;
    text-align: center;
    margin-top: 20px;
}
.topbox{
    justify-content: space-between;
}
</style>